/**
* I think element-ui's default theme color is too light for long-term use.
* So I modified the default color and you can modify it to your liking.
**/

/* theme color */
$--color-primary: #1890ff;
$--color-success: #67C23A;
$--color-warning: #ffba00;
$--color-danger: #F51D2C;
// $--color-info: #1E1E1E;

$--button-font-weight: 400;

// $--color-text-regular: #1f2d3d;

$--border-color-light: #dfe4ed;
$--border-color-lighter: #e6ebf5;

$--table-border:1px solid#dfe6ec;

/* icon font path, required */
$--font-path: '~element-ui/lib/theme-chalk/fonts';

@import "~element-ui/packages/theme-chalk/src/index";

// the :export directive is the magic sauce for webpack
// https://www.bluematador.com/blog/how-to-share-variables-between-js-and-sass

:root {
  --color--primary: #{ $--color-primary };
  --color-success: #{ $--color-success };
  --color-warning: #{  $--color-warning };
  --color-danger: #{  $--color-danger };
  --input-bg: #F2F3F5;
  --body-bg:#F2F3F5;
  --topmenu-active-bg:#E8F3FF;
  --top-nav-color: #1F2129;
  // --color-font-default: #333;
}

:export {
  theme: $--color-primary;
}
